<!DOCTYPE HTML>
<html>
<head>
	<meta content="text/html; charset=UTF-8" http-equiv="content-type">
	<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
	
	<title>Receiver WebControl</title>
	
	<!-- <link href="/web-data/tpl/default/style.css" type="text/css" rel="stylesheet"> -->
	<link rel="stylesheet" type="text/css" id="style_dark" title="dark" href="/web-data/tpl/default/style.min.css">
	<link rel="alternate stylesheet" type="text/css" id="style_light" title="light" href="/web-data/tpl/default/style_light.min.css" disabled>
	<link rel="shortcut icon" type="image/x-icon" href="/web-data/img/favicon.ico">
	<!--
	<script type="text/javascript" src="/web-data/lib/prototype.js"></script>
	<script type="text/javascript" src="/web-data/lib/trimpath-template-1.0.38.js"></script>
	<script type="text/javascript" src="/web-data/lib/hashlistener2.js"></script>
	<script type="text/javascript" src="/web-data/lib/datepicker/datepicker.js">
	{
		"nodrag":1,
		"lang":"en",
		"buttontabindex":true,
		"cellformat":["Y-ds-m-ds-d"],
		"titleformat":["Y-ds-m-ds-d"]
	}
	</script>
	-->
	<script type="text/javascript" src="/web-data/lib/libs_minified.js">
	{
		"nodrag":1,
		"lang":"en",
		"buttontabindex":true,
		"cellformat":["Y-ds-m-ds-d"],
		"titleformat":["Y-ds-m-ds-d"]
	}
	</script>
	<script language="javascript" type="text/javascript">
		var appCache = window.applicationCache;
		if(appCache){
			window.addEventListener(
				'load',
				function(e) {
					window.applicationCache
						.addEventListener(
							'updateready',
							function(e) {
								if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
									window.applicationCache.swapCache();
									if (confirm('A new version of this site is available. Load it?')) {
										window.location.reload();
									}
								}// Manifest didn't change. Nothing to do.
							}, false);
				}, false);
		}

		function setMaxHeight(element){
			try{
				var slc = $(element);
				var top = slc.cumulativeOffset().top;
				var height = document.viewport.getHeight() - top - 40;
				slc.style.maxHeight = height+"px";
			} catch (e) {
				console.log(e);
			}
		}
		function setNavHd(content){
			$('navHd').update('<div>'+content+'</div>');
		}

		function setContentHd(content, keepHdExt){
			var div = new Element('div');
			div.update(content);
			$('contentHd').update(div);
			if(!keepHdExt)
				$('contentHdExt').update('');
		}

		function getAjaxLoad(){
			return ('<center><img style="padding-top: 50px;" src="/web-data/gfx/ajaxload.gif" alt="loading..."></center>');
		}
	</script>

	<!-- Webinterface Stuff -->
	<script type="text/javascript" src="/web/strings.js"></script>
	<script type="text/javascript" src="/web-data/userprefs.js"></script>
	<script type="text/javascript" src="/web-data/statics.js" ></script>
	<script type="text/javascript" src="/web-data/helpers.js" ></script>
	<script type="text/javascript" src="/web-data/provider.js" ></script>
	<script type="text/javascript" src="/web-data/handler.js" ></script>
	<script type="text/javascript" src="/web-data/core.js" ></script>

	<!-- Live RSS Feeds //-->
	<link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
</head>
<body onresize="setMaxHeight('contentMain')" onload="document.getElementById('notification').style.display='none'">
	<div id="container">
		<div id="banner" class="rounded">
			<span id="notification"><div></div></span>
			<div id="bannerLeft">
				<div id="ajaxLoad" style="display:none;"></div>
				<div id="bannerText" style="font-size: 24px;">
					<div class="bannerHeader"></div>
				</div>
				<ul id="mainMenu">
					<li class="roundedNav navmenu" data-mode="tv"><a class="roundedNav" href="#!/tv"><span id="mainMenuItemTv" >TeleVision</span></a></li>
					<li class="roundedNav navmenu" data-mode="radio"><a class="roundedNav" href="#!/radio"><span id="mainMenuItemRadio">Radio</span></a></li>
					<li class="roundedNav navmenu" data-mode="movies"><a class="roundedNav" href="#!/movies/list/filter//"><span id="mainMenuItemMovies">Movies</span></a></li>
					<li class="roundedNav navmenu" data-mode="timer"><a class="roundedNav" href="#!/timer/list"><span id="mainMenuItemTimer">Timer</span></a></li>
					<li class="roundedNav navmenu" data-mode="control"><a class="roundedNav" href="#!/control"><span id="mainMenuItemBoxControl">BoxControl</span></a></li>
					<li class="roundedNav navmenu" data-mode="extras"><a class="roundedNav" href="#!/extras"><span id="mainMenuItemExtras">Extras</span></a></li>
					<li class="roundedNav navmenu"><a class="roundedNav" href="#" id="webTv"><span id="mainMenuItemWebTV">WebTV</span></a></li>
				</ul>
			</div>
			<div id="bannerRight">
				<table style="width: 100%">
					<tr>
						<td><a id="openSignalPanel" href="#" >
							<img id="openSignalPanelImg" border="0" src="/web-data/img/transmit_blue.png" alt="Signal" title="Show Signal Panel">
						</a></td>
					</tr>
					<tr>
						<td><a id="instantRecord" href="#">
								<img  id="instantRecordImg" border="0" src="/web-data/img/clock_red.png" alt="R" title="Instant Record">
							</a>
						</td>

					</tr>
				</table>
				<div id="instantRecordMenu" class="rounded" style="display: none;">
					<table>
						<tr>
							<th id="instantRecordHd">Instant record</th>
						</tr>
						<tr>
							<td colspan="2"><button id="instantRecordCurrentEvent" class="doInstantRecord" data-type="current">Record current event</button></td>
						</tr>
						<tr>
							<td colspan="2"><button id="instantRecordInfinite" class="doInstantRecord" data-type="infinite">Start infinite recording</button></td>
						</tr>
					</table>

				</div>
			</div>
		</div>
		<div id="current" class="rounded">
			<div id="currentContent">
				<table id="currentTable">
					<tr>
						<td id="currentName">N/A</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="main">
			<div id="navContainer">
				<div id="nav" class="rounded">
					<div id="navHd" class="header"><div>SubNav</div></div>
					<div id="navContent">loading...</div>
				</div>
				<div id="navVolume" class="rounded">
					<div id="volHd" class="header"><div>Volume</div></div>
					<span id="volContent" class="boxContent center" style="width: 94%; display:block;">loading...</span>
				</div>
				<div id="navSearch" class="rounded">
					<div id="searchHd" class="header"><div>EPG-Search</div></div>
					<div class="boxContent">
						<form id="epgSearchForm" action="">
							<input type="text" id="epgSearch" value="Search EPG" />
							<img id="epgSearchClear" style="vertical-align:middle" src="/web-data/img/cross.png" alt="clear..." title="Clear Search"/>
						</form>
					</div>
				</div>
			</div>
			<div id="content" class="rounded">
				<table class="contentHd" cellpadding="0" cellspacing="0">
					<tr>
						<td><div id="contentHd" class="header"><div>Content</div></div></td>
						<td style="text-align: right"><div id="contentHdExt"></div></td>
					</tr>
				</table>
				<div id="contentMain">loading...</div>
			</div>
		</div>
	</div>
	<script language="javascript" type="text/javascript">
		core.styleChanged();
		setMaxHeight('contentMain');
		$('ajaxLoad').hide();
		//Localization
		$('mainMenuItemTv').update(strings.television);
		$('mainMenuItemRadio').update(strings.radio);
		$('mainMenuItemMovies').update(strings.movies);
		$('mainMenuItemTimer').update(strings.timers);
		$('mainMenuItemBoxControl').update(strings.boxcontrol);
		$('mainMenuItemExtras').update(strings.extras);
		$('mainMenuItemWebTV').update(strings.webtv);
		$('instantRecordCurrentEvent').update(strings.record_current_event);
		$('instantRecordInfinite').update(strings.start_record_infinite);
		$('instantRecordHd').update(strings.instant_record);
		$('volHd').update(strings.volume);
		$('searchHd').update(strings.epgsearch);
		$('epgSearch').value = strings.epgsearch_hint;
		$('epgSearchClear').title = strings.clear_serach;
		$('openSignalPanelImg').title = strings.open_signal_panel;
		$('instantRecordImg').title = strings.instant_record;
		
		core.run();
	</script>

</body>
</html>
